<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      * {
        padding: 0;
        margin: 0;
      }
      div {
        column-count: 3;
        padding: 30px;
        background-clip: content-box;
        background-color: aqua;
        border: 8px dashed #000;
        filter: drop-shadow(5px 5px 5px #000);
      }

      .img {
        /* -webkit-box-reflect: below -1px linear-gradient(transparent, white); */
        width: 500px;
        margin: 100px;
        filter: invert(1);
      }
    </style>
  </head>
  <body>
    <address>
      ss
    </address>
    <p>
      <img class="img" src="https://www.keaidian.com/uploads/allimg/190604/04221240_21.jpg" alt="">
    </p>
    <div>
      <p>
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
      </p>
      <p>
        dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
        suscipit
      </p>
      <p>lobortis nisl ut aliquip ex ea commodo consequat.</p>
    </div>
  </body>
</html>
